<template>
  <div class="notice">
    <h1 class="hosname">{{ detailStore.hospitalInfo.hospital?.hosname }}预约挂号须知</h1>
    <div class="top">为方便您早日康复, 请您认真阅读预约挂号须知</div>
    <div class="info">
      <div class="tip">一、预约实名制:</div>
      <div class="text">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum,
        consequatur! Earum reiciendis magni fuga praesentium quidem autem illum
        libero vel dolorem provident ut eveniet iure, quod cum nisi? Libero,
        consectetur!
      </div>
    </div>
    <div class="info">
      <div class="tip">二、预约挂号:</div>
      <div class="text">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum,
        consequatur! Earum reiciendis magni fuga praesentium quidem autem illum
        libero vel dolorem provident ut eveniet iure, quod cum nisi? Libero,
        consectetur!
      </div>
    </div>
    <div class="info">
      <div class="tip">三、取消预约:</div>
      <div class="text">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum,
        consequatur! Earum reiciendis magni fuga praesentium quidem autem illum
        libero vel dolorem provident ut eveniet iure, quod cum nisi? Libero,
        consectetur!
      </div>
    </div>
    <div class="info">
      <div class="tip">四、爽约处理</div>
      <div class="text">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum,
        consequatur! Earum reiciendis magni fuga praesentium quidem autem illum
        libero vel dolorem provident ut eveniet iure, quod cum nisi? Libero,
        consectetur!
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import useDetailStore from "@/store/modules/hospitalDetail";

const detailStore = useDetailStore();
</script>

<style lang="scss" scoped>
.notice{
    .hosname{
        text-align: center;
        font-size: 30px;
    }
    .top{
        margin: 10px 0;
        color: #7f7f7f;
    }
    .info{
        font-size: 14px;
        .tip{
            color: red;
            font-weight: 900;
            font-size: 16px;
        }
        .text{
            color: #7f7f7f;
            margin: 10px 0;
            line-height: 25px;
        }
    }
}
</style>
